<template>
	<view class="agreement-container">
		<view class="agreement-content">
			<text class="agreement-title">分销员协议</text>
			
			<view class="agreement-section">
				<text class="section-title">第一条 协议目的</text>
				<text class="section-content">
					为规范分销员的行为，保护双方的合法权益，特制定本协议。分销员应严格遵守本协议的各项条款。
				</text>
			</view>
			
			<view class="agreement-section">
				<text class="section-title">第二条 分销员权利</text>
				<text class="section-content">
					1. 享受专属的分销价格优惠；\n
					2. 获得推广佣金和团队奖励；\n
					3. 使用平台提供的推广素材；\n
					4. 参与平台的各项分销活动。
				</text>
			</view>
			
			<view class="agreement-section">
				<text class="section-title">第三条 分销员义务</text>
				<text class="section-content">
					1. 遵守国家法律法规和平台规则；\n
					2. 诚信经营，不得进行虚假宣传；\n
					3. 保护客户信息，维护平台形象；\n
					4. 积极推广平台产品和服务。
				</text>
			</view>
			
			<view class="agreement-section">
				<text class="section-title">第四条 佣金结算</text>
				<text class="section-content">
					1. 佣金按月结算，每月15日前完成上月佣金发放；\n
					2. 佣金计算以实际成交订单为准；\n
					3. 退货退款订单将扣除相应佣金；\n
					4. 平台有权调整佣金比例，提前30天通知。
				</text>
			</view>
			
			<view class="agreement-section">
				<text class="section-title">第五条 违约责任</text>
				<text class="section-content">
					分销员违反本协议的，平台有权取消其分销员资格，并追究相应的法律责任。
				</text>
			</view>
			
			<view class="agreement-section">
				<text class="section-title">第六条 协议变更</text>
				<text class="section-content">
					平台有权根据业务需要修改本协议，修改后的协议将在平台公布，分销员继续使用服务即视为同意修改后的协议。
				</text>
			</view>
			
			<view class="agreement-section">
				<text class="section-title">第七条 争议解决</text>
				<text class="section-content">
					因本协议引起的争议，双方应友好协商解决；协商不成的，可向平台所在地人民法院提起诉讼。
				</text>
			</view>
			
			<view class="agreement-footer">
				<text class="footer-text">本协议自分销员认证通过之日起生效。</text>
				<text class="footer-date">更新时间：2024年3月1日</text>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			
		}
	}
}
</script>

<style lang="scss" scoped>
.agreement-container {
	background-color: #f8f9fa;
	min-height: 100vh;
	padding: 20rpx;
	padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
}

.agreement-content {
	background-color: white;
	border-radius: 16rpx;
	padding: 40rpx;
	box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
}

.agreement-title {
	font-size: 36rpx;
	font-weight: bold;
	color: #333;
	text-align: center;
	margin-bottom: 40rpx;
	display: block;
}

.agreement-section {
	margin-bottom: 40rpx;
}

.section-title {
	font-size: 28rpx;
	font-weight: bold;
	color: #52a58a;
	margin-bottom: 20rpx;
	display: block;
}

.section-content {
	font-size: 26rpx;
	color: #666;
	line-height: 1.8;
	white-space: pre-line;
}

.agreement-footer {
	border-top: 1rpx solid #f0f0f0;
	padding-top: 30rpx;
	text-align: center;
}

.footer-text {
	font-size: 24rpx;
	color: #999;
	margin-bottom: 16rpx;
	display: block;
}

.footer-date {
	font-size: 22rpx;
	color: #ccc;
}
</style>
